
.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.fz(@px){
	.px2rem(font-size,@px);
}



.content{
	position: relative;
	background: #f9f9f9;
	i{
		position: absolute;
		.px2rem(top,150);
		.px2rem(right,60);
		.px2rem(width,60);
		.px2rem(height,60);
		text-align: center;
		.px2rem(line-height,60);
		background: rgba(255,255,255,0.5);
		border: 1px solid #b5b5b5;
		border-radius: 2px;
		.px2rem(font-size,36);
	}
	.place{
		position: absolute;
		.px2rem(bottom,150);
		left: 5%;
		width: 90%;
		.px2rem(padding,15);
		.px2rem(padding-left,80);
		color: #aaaaaa;
		background: #fff url(../images/chazhao.png) no-repeat 3% center;
		background-size: 5%;
		box-sizing: border-box;
		border: 1px solid #b5b5b5;
		border-radius: 2px;
	}
}

.footer{
	position: fixed;
	bottom: 0;
	width: 100%;
	.px2rem(height,110);
	background: #fff;
	border-top: 1px solid #e2e2e2;
	display: flex;
	text-align: center;
	dl{
		flex: 1;
		dt{
			.px2rem(padding-top,10);
			img{
				width: 20%;
				border-radius: 3px;
			}
		}
		dd{
			.px2rem(font-size,24);
			.px2rem(padding-bottom,10);
		}
	}
	.active_dl{
		background: #cfeae8;
		color: #82ded9;
	}
}
